<template>

<el-form-item label="HR流程确认：" class="section-title" />
  <el-row :gutter="20">
    <el-col :span="6">
      <el-form-item label="HR：">
        <span>{{ FirstData.hrName }}</span>
      </el-form-item>
    </el-col>
    <el-col :span="6">
      <el-form-item label="联系时间：">
        <span>{{ FirstData.contactTime }}</span>
      </el-form-item>
    </el-col>
    <el-col :span="6">
      <el-form-item label="后续流程：">
        <!-- <span>{{ FirstData.followUp }}</span> -->

        <el-select
          v-model="FirstData.followUp"
          placeholder=""
          :disabled="true"
        >
          <el-option label="面试流程" value="0" />
          <el-option label="offer流程" value="1" />
          <el-option label="对方拒绝" value="2" />
          <el-option label="暂不考虑" value="3" />
        </el-select>
      </el-form-item>
    </el-col>
    <el-col :span="6">
      <el-form-item label="联系方式：">
        <el-select
          v-model="FirstData.contactInformation"
          placeholder=""
          :disabled="true"
        >
          <el-option label="视频会议" value="0" />
          <el-option label="线下" value="1" />
          <el-option label="私聊/群聊" value="2" />
          <el-option label="电话沟通" value="3" />
        </el-select>
      </el-form-item>
    </el-col>
  </el-row>

  <el-row :gutter="20">
    <el-col :span="24">
      <el-form-item label="沟通记录的内容：">
        <span>{{ FirstData.content }}</span>
      </el-form-item>
    </el-col>
  </el-row>
</template>

<script setup>
const props = defineProps({
  FirstData: Array,
});
console.log(props.FirstData, "sex");
</script>

<style scoped lang="scss">
.section-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-left: 10px;
  border-left: 4px solid #409eff;
}
span{
  font-size: 14px;
  font-weight: 400;
  color: #16191D;
}

:deep(.el-select__wrapper.is-disabled) {
  box-shadow: none !important;
  background: white !important;
}
:deep(.el-textarea__inner) {
  box-shadow: none !important;
  background: white !important;
}
:deep(.el-select__suffix) {
  display: none;
}

:deep(.el-input.is-disabled .el-input__inner) {
  color: #383d48;
  -webkit-text-fill-color: #383d48;
  // cursor: auto;
}
:deep(.el-textarea__inner) {
  color: #383d48;
  -webkit-text-fill-color: #383d48;
  // cursor: auto;
}
:deep(.el-input.is-disabled) {
  cursor: auto;
}

:deep(.el-select__wrapper.is-disabled .el-select__selected-item) {
  color: #383d48;
  -webkit-text-fill-color: #383d48;
  cursor: auto;
}

</style>
